<template>
  <div class="cloud-storage-config-container">
    <h1 class="page-title">云存储配置管理</h1>
    <cos-config-list />
  </div>
</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue';

// 异步加载云存储配置组件
const CosConfigList = defineAsyncComponent(() => 
  import('../components/CosConfigList.vue')
);
</script>

<style scoped>
.cloud-storage-config-container {
  padding: 20px;
}

.page-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
}
</style> 